<template>
  <div class="grand-son">
    我是孙子
    {{ color }} - {{ userInfo.uname }} - {{ userInfo.uage }}
  </div>
</template>

<script>

export default {
    inject:['color','userInfo']
}
</script>

<style scoped>
.grand-son{
    border: 3px solid red;
    margin: 10px;
    border-radius: 6px;
    height: 100px;
}
</style>